<template>
    <div class="boss">
      <Serch></Serch>
      <Nav></Nav> 
      <Banner></Banner>
      <chamber></chamber>
     <!-- 商会详情的总区域  -->
  <div class="eveny">
       <div class="center" > 
         <!-- 商会公告  -->
      <div class="guan">{{addTitle.noticeAddress}}商会公告</div>
      <!-- 时间区域  -->
        <div class="time">
            {{ addTitle.noticeDate }}
        </div>
        <!-- 内容区域 -->
        <div class="context">
            {{addTitle. noticeText }}
        </div>
    </div>
      </div>
   
  </div>
  </template>
  
  <script>
  import Serch from "../SearchView.vue"
  import  Nav from "../NavView.vue"
  import Banner from "@/components/Home/BannerView.vue"
  import chamber from "@/components/Home/CommCe.vue"
  import {NoticeTitle} from "@/api/index"
  export default {
    data(){
     return {
    addTitle:[]
  }
    },
     components:{
    Serch,Nav ,Banner,chamber
     },
     //各省会发送请求的
    mounted(){
        NoticeTitle(this.$route.query.i).then((res)=>{
      if(res.data.code==200){
        this.addTitle=res.data.data
      }
    //    console.log(res.data.data);
      })
    }
  }
  </script>
  
  <style scoped>
    /* 大盒子区域 */
    .boss{
      width: 100%;
      height: 100%;
      padding-bottom: .55rem;
      background-color: #f0eff5;
    }
   h3{
     height: .3rem;
     font-size: .2rem;
     line-height: .3rem;
     padding-left: .15rem;
     
   }
    /* 商会详情的总区域 */
    .eveny{
      min-height: .5rem;
      display: flex;
      justify-content: center;
      margin-top: .1rem;
   
    }
    /* 版心区域 */
    .center{
      width: 95%;
     background-color: white;
     border-radius: .1rem;
    }
    /* 商会公告 */
    .guan{
      height: .4rem;
      text-align: center;
      line-height: .4rem;
      font-size: 20px;
  }
   /* 时间区域 */
   .time{
    width: 100%;
    height: .25rem;
    line-height: .25rem;
   text-align: center;
 
   }
    /* 内容区域 */
    .context{
    width: 100%;
    /* height: 2rem; */
    font-size: .2rem;
    word-wrap:break-word; 
    word-break:break-all; 
    overflow: hidden;
    flex-wrap: wrap;
  
    }
  </style>